<template>
    <div>
        <v-header v-bind:seller="seller"></v-header>
        <div class="tab">
            <div class="tab-item">
              <router-link to="/goods">商品</router-link>
            </div>
            <div class="tab-item">
              <router-link to="/ratings">评论</router-link>
            </div>
            <div class="tab-item">
              <router-link to="/seller">商家</router-link>
            </div>
        </div>
        <router-view :seller="seller"></router-view>
    </div>
</template>

<script>

import vHeader from './components/header/header'
const ERR_OK = 0
export default {
  data(){
    return {
      seller: {}
    }
  },
  created(){
    this.$http.get('/api/seller').then((response) => {
      response = response.body
      if(response.errno === ERR_OK){
        this.seller = response.data
        // console.log(this.seller)
      }
    })
  },
  components: {
    vHeader
  }
}

</script>

<style>
html,body{
  font-family: "微软雅黑"
}
.tab{
  display: flex;
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid rgba(7,17,27,.1);
}
.tab .tab-item{
  flex: 1;
  text-align: center;
}
.tab a{
  display: block;
  font-size: 14px;
  color: rgb(77,85,93);
}
.tab a.active{
  color: rgb(240,20,20);
}
</style>
